<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>China Fullfill</title>
<link href="/css/backstage.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/backstage.js"></script>
<link href="/css/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script>

</script>
<style>
	html,body{text-align:center;border:none;background:none}
	#content{width:720px;text-align:left;position:relative;margin-left:auto;margin-right:auto;background:white;height:100%}
	.contentTop{height:80px;line-height:80px;width:100%;text-align:left;font-size:15px;font-weight:bold;}
	.contentBottom{height:50px;line-height:50px;width:100%;text-align:right;}
	
	.list{width:720px;max-height:28cm;border-collapse:collapse;margin-left:auto;margin-right:auto;}
	.list tr{height:30px}
	.list th,.list td{border:1px solid black;text-align:center;}
	.width1{width:80px;text-align:right;}
	.width2{width:170px;}
	.width3{width:100px;}
	.width4{width:150px;}
	.center{text-align:center}
	.action{cursor:pointer;marin:2px}
	.editTable td{padding:5px;text-align:left;}
	.barcode{display:inline-block;zoom:1;*display:inline;margin-left:50px;margin-bottom:0px;height:40px;overflow:hidden;margin-top:30px}
	.printTitle{display:inline-block;zoom:1;*display:inline; font-size: 30px;  margin-left: 200px;}
	
.printTitle {
	display: inline-block;
	zoom: 1; *
	display: inline;
	font-size: 30px;
	margin-left: 0px;
	float:right;
}
.title_inner{float:right;line-height:20px;font-size:12px;padding:20px 0 0 5px;}	

</style>
</head>
<body>
<div id="content">
<{if isset($result.orders)}>
	<{assign var="itemCount" value="0"}>
	<{assign var="page" value="0"}>
	
	<{foreach from=$result.orders item=order name=detail}>
	<{if $itemCount % 10 == 0}>
		<{$page = $page+1}>
		
		<div class="contentTop">
			<div class="barcode">
				<{if $page == 1}>
					<img src="/product/receiving/barcode/code/<{$result.code}>"/>
				<{/if}>
			</div>
			<div class="printTitle">
					<{$lang.offshelf}><{$lang.items}>　　　　　
					    <div  class='title_inner'>
							<div style="width:135px;text-align:left;">	
								<{$lang.code}>:<{$result.code}><br/>							
								<{$lang.offshelfer}>:<span style="width:100px;"><{$order.pickupUser}></span><br/>
								<{$lang.page}>:<{$page}>
							</div>
						</div>
			</div>
		</div>

		<table class="list">			
			<tr>
				<td><{$lang.op_user}></td><td colspan='2'><{$result.admin}></td>
				<td><{$lang.time}><{$lang.date}></td><td colspan='3'><{$result.date}></td>
			</tr>
			<tr>
				<th><{$lang.No}></th>
				<th><{$lang.ws_code}></th>				
				<th><{$lang.sku}></th>				
				<th><{$lang.name}></th>
				
				<th><{$lang.category}></th>
				<th><{$lang.quantity}></th>
				<th><{$lang.picture}></th>
			</tr>
	<{/if}>
		<{foreach from=$order.order_product item=product key=key name=product}>
			<{$itemCount = $itemCount+1}>
			<tr>
				
				<td width="8%"><{$itemCount}></td>		<!-- <{$lang.No}> -->	
				<td width="10%"><{$order.ws_code}></td>		<!-- <{$lang.ws_code}> -->
				<td width="15%"><{$product.product_sku}></td>
				<td width="27%"><{$order.product_title}></td>		<!-- <{$lang.name}> -->
				
				<td width="20%"><{$product.category.poc_value_cn}></td>				
				<td width="8%"><{$product.op_quantity}></td>
				<td width="12%"><img src="/product/product/view-picture/id/<{$product.product_id}>" width=100% height=75px></td>
			</tr>
		<{/foreach}>
	<{if $itemCount % 10 == 0 || $smarty.foreach.detail.last}>
	</table>
	
	<div class="contentBottom" style="page-break-after:always">
		<div style="height:20px;"><{$lang.offshelfer}>:__________________<div style="width:50px;display:inline-block;zoom:1;*display:inline"></div></div>
		<div><{$lang.offshelf}><{$lang.date}>:__________________<div style="width:50px;display:inline-block;zoom:1;*display:inline"></div></div>
	</div>
	<{/if}>
	
	<{/foreach}>
<!--	<script>
		window.open("/product/off-shelf/print-detail");
	</script>-->
<{/if}>
</div>

</body>
</html>